<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSX</title>
</head>
<body>
<!--<div id="app">-->
<!--</div>-->
<!--<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>-->
<!--<script type="text/javascript">-->
    <!--new Vue({-->
        <!--el: "#app",-->
        <!--render (h) {-->
            <!--return  ( -->
                <!--<Anchor level={1}>-->
                    <!--<span>一级</span>标题-->
                <!--</Anchor>-->
            <!--)-->
        <!--}-->
    <!--})-->
<!--</script>-->




<!--<div id="app">-->
<!--</div>-->
<!--<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>-->
<!--<script type="text/javascript">-->
    <!--Vue.component('MyComponent',{-->
        <!--render (createElement) {-->
            <!--return createElement('div',{-->
                <!--props: {-->
                    <!--text: 'some text'-->
                <!--},-->
                <!--attrs: {-->
                    <!--id: 'myDiv'-->
                <!--},-->
                <!--domProps: {-->
                    <!--innerHTML: 'content'-->
                <!--},-->
                <!--on: {-->
                    <!--change: this.changeHandler-->
                <!--},-->
                <!--nativeOn: {-->
                    <!--click: this.clickHandler-->
                <!--},-->
                <!--class: {-->
                    <!--show: true,-->
                    <!--on: false-->
                <!--},-->
                <!--style: {-->
                    <!--color: '#fff',-->
                    <!--background: '#f50'-->
                <!--},-->
                <!--key: 'key',-->
                <!--ref: 'element',-->
                <!--refInFor: true,-->
                <!--slot: 'slot'-->
            <!--})-->
        <!--}-->
    <!--})-->
<!--</script>-->




<div id="app">
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script type="text/javascript">
    Vue.component('MyComponent',{
        render (h) {
            return (
                <div id="myDiv"
                    domPropsInnerHTML="content"
                    onChange={this.changeHandler}
                    nativeOnClick={this.clickHandler}
                    class={{ show: true,on: false }}
                    style={{ color: '#fff',background: '#f50' }}
                    key="key"
                    ref="element"
                    refInFor
                    slot="slot">
                </div>
            )
        }
    })
</script>
</body>
</html>
